@charset "UTF-8";
/* Css Document */
@font-face {
  font-family: "Luminari";
  src: url("../fonts/Luminari.woff") format("woff"),
       url("../fonts/Luminari.ttf") format("truetype"),
       url("../fonts/Luminari.eot") format("embedded-opentype"),
       url("../fonts/Luminari.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.ff-lum{ font-family:"Luminari" !important}
*{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Chrome/Safari/Opera */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currentlynot supported by any browser */
}
html{font-size: 100px;}
@media (max-width: 1366px){html{font-size: 94px;}}
@media (max-width: 1199px){html{font-size: 88px;}}
@media (max-width: 991px){html{font-size: 76px;}}
@media (max-width: 639px){html{font-size: 60px;}}
html, body{width:100%;height:100%;-webkit-text-size-adjust:none;}
body{color: #2d2d2d; font-size: 14px; background-color: #ffffff;}
/* html, body, input, p, a, span, ul, li, dl, dt, dd, ol, select, td, th, input, textarea, button, div{font-family: "黑体","Helvetica Neue", Helvetica, Tahoma,"PingFang","Source Han Sans CN","Microsoft YaHei", sans-serif;} */
html, select, input, textarea, button{font-family:"Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif; -webkit-font-smoothing: antialiased;}

a{color: #2d2d2d;}
a, a:link, a:visited, a:hover, a:active{outline: 0; border: 0; text-decoration: none;-webkit-transition:all 200ms linear;
    -moz-transition:all 200ms linear;
    -o-transition:all 200ms linear;
    transition:all 200ms linear;}
a:hover, a:active{background-color: transparent;}
@media (min-width: 1200px){a:hover{color: #e10413}}
input, textarea, button, select, radio{margin: 0; padding: 0; outline: 0; border: 0;}
input, textarea, button, select{-webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0;}
textarea{resize: none;}
img{}
ul,li{list-style: none;padding:0;margin:0;}
a{text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur()); /*按下鼠标图片周边不会出现虚线*/}
::-ms-clear, ::-ms-reveal{display: none; /*IE10 input X 去掉文本框的叉叉和密码输入框的眼睛图标 */}
select::-ms-expand{display: none;} 

/* Grid */
.col-24x{width: 100%}
.col-23x{width: 95.8333333333%}
.col-22x{width: 91.6666666667%}
.col-21x{width: 87.5%}
.col-20x{width: 83.3333333333%}
.col-19x{width: 79.1666666667%}
.col-18x{width: 75%}
.col-17x{width: 70.8333333333%}
.col-16x{width: 66.6666666667%}
.col-15x{width: 62.5%}
.col-14x{width: 58.3333333333%}
.col-13x{width: 54.1666666667%}
.col-12x{width: 50%}
.col-11x{width: 45.8333333333%}
.col-10x{width: 41.6666666667%}
.col-9x{width: 37.5%}
.col-8x{width: 33.3333333333%}
.col-7x{width: 29.1666666667%}
.col-6x{width: 25%}
.col-5x{width: 20.8333333333%}
.col-4x{width: 16.6666666667%}
.col-3x{width: 12.5%}
.col-2x{width: 8.33333333333%}
.col-1x{width: 4.16666666667%}
.col-0x{width: 2.08333333333%}

/* 表单元素 */
input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #3f3f3f;} 
input:-moz-placeholder, textarea:-moz-placeholder{color: #3f3f3f;} 
input::-moz-placeholder, textarea::-moz-placeholder{color: #3f3f3f;} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #3f3f3f;}

.weui-cell{padding: 10px 30px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.weui-cell_primary{min-width: 1px; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.weui-cell__bd{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.weui-cell__ft{text-align: right; color: #999999;}
.weui-flex{display: -webkit-box; display: -webkit-flex; display: flex;}
.weui-flex__item{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.weui-grids{position: relative; overflow: hidden;}
.weui-grid{position: relative; float: left; padding: 20px 10px; box-sizing: border-box;} 
.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.start{-webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.middle{-webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.nobefore::before, .noafter::after{display: none !important;}
.noscroll{height: 100vh; overflow: hidden;}
.container{width: 1200px; margin: 0 auto;}

/* 遮罩 */
.mask{display: none; position: fixed; z-index: 11; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.75); -webkit-transform: translateZ(0);}

.hideshow{-webkit-transition:-webkit-transform .6s,opacity 1.8s;transition:transform .6s,opacity 1.8s;-webkit-transform:translate3d(0,10%,0) scale(.9);transform:translate3d(0,10%,0) scale(.9);opacity:0}
.hideshow.on{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity:1}

.m50{margin-top:50px !important;}
.mb10{margin-bottom: 10px;}
.mt{margin-top: 0 !important;}
.mr{margin-right: 0 !important;}
.mb{margin-bottom: 0 !important;}
.ml{margin-left: 0 !important;}
.pd0{padding: 0 !important;}
.pl0{padding-left: 0 !important;}
.pr0{padding-right: 0 !important;}
.pt0{padding-top: 0 !important;}
.pb0{padding-bottom: 0 !important;}
.gray333{color: #333;}
.gray444{color: #444;}
.gray666{color: #666;}
.gray999{color: #999;}
.red{color: #ff0000;}
.white{color: #fff;}
.color1{color: #303030;}
.color2{color: #827f7f;}
.color3{color: #2f2f2f;}
.color4{color: #2d2d2d;}
.bg-white{background-color: #fff;}
.bg-gray{background-color: #f0f0f0;}

a.fill{display: block; width: 100%; height: 100%;}
.auto{margin-left: auto !important; margin-right: auto !important;}
.linellae a{position: relative; display: block; width: 100%; height: 100%; background: #000;}
.linellae a img{display: inline; -webkit-transition: all .4s; transition: all .4s;}
.linellae a::before, .linellae a::after{position: absolute; z-index: 1; top: 9%; right: 6%; bottom: 9%; left: 6%; content: ''; opacity: 0; -webkit-transition: opacity .35s,-webkit-transform .35s; transition: opacity .35s,-webkit-transform .35s;}
.linellae a::before{border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0,1); -webkit-transform: scale(0,1);}
.linellae a::after{border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1,0); -webkit-transform: scale(1,0);}
@media (min-width: 1200px){
.linellae a:hover::before, .linellae a:hover::after{opacity: 1; transform: scale(1); -webkit-transform: scale(1);}
.linellae a:hover img{opacity: .5; filter: alpha(opacity=50); -webkit-transform: scale(1.05); transform: scale(1.05);}
}

.f10{font-size: 10px;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f26{font-size: 26px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f34{font-size: .34rem;}
.f36{font-size: .36rem;}
.f38{font-size: 38px;}
.f40{font-size: .4rem;}
.f44{font-size: .44rem;}
.f54{font-size: 2.814vw;}
.f60{font-size: 3.125vw;}
.f80{font-size: 4.2vw;}
.f130{font-size: 6.8vw;}
@media (max-width: 991px){
.f60{font-size: 30px;}
.f80{font-size: 40px;}
}
@media (max-width: 767px){
.f60{font-size: 24px;}
.f80{font-size: 34px;}
}
@media (max-width: 639px){
.idx-sign .bigtitle .f22{font-size: 16px}
.f34{font-size: .38rem;}
.f36{font-size: .4rem;}
.f130{font-size: 10vw;}
}

.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}
.block{display: block;}
.hide{display: none;}
.inline{display: inline-block;}
.hidden{overflow: hidden;}
.cap{text-transform: capitalize;}
.upper{text-transform: uppercase;}
.bold{font-weight: bold;}
.indent{text-indent: 2em;}
.normal{font-weight: normal;}
.vmid td{vertical-align: middle;}
.hand{cursor: pointer; _cursor: hand;}
.ff-ar{font-family:Arial !important;}
.noborder{border: 0 !important;}
.noradius{-webkit-border-radius: 0 !important; border-radius: 0 !important;}
.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.justify{text-align:justify; text-justify: distribute-all-lines; text-align-last:justify;}
.filterbox{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom:1;}
:root .filterbox{filter: none\9;}
.tips,.tips1{display: none; z-index: 100; top: 50%; left: 50%; margin-top: -35px; margin-left: -125px; padding: 10px; width: 250px; line-height: 20px; text-align: center; font-size: 14px; color: #fff; border-radius: 3px; background: rgba(0,0,0,.75); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000,endColorstr=#bf000000); zoom:1;}
:root .tips,:root .tips1{filter: none\9;}
@media (max-width: 639px){.tips,.tips1{position: fixed;}}
.clearfix:after {display: block; clear: both; height: 0px; overflow: hidden; content: "\200B" }
.clearfix { *zoom: 1; }
/* 图片去色 */
img.color{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
/* 高斯模糊 */
.blur{-webkit-filter: blur(5px); -moz-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false); /* IE6~IE9 */}

/* css3 style */
.trans-3{-webkit-transition: all 0.35s linear; transition: all 0.35s linear;}
.trans-8{-webkit-transition: all 0.8s; transition: all 0.8s;}
.radius-15{-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.radius-half{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.shadow{-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.1); box-shadow: 0 5px 10px rgba(0,0,0,.1);}

/*头部*/
.gf-logo h1{width: 180px;height: 50px;margin-top:9px;margin-bottom:9px;position: absolute; top:0; left: 2%;z-index: 3;}
.gf-logo h1 a{background:url(../images/logo.png) no-repeat center;display:block;-moz-background-size: auto 50px;-o-background-size: auto 50px;background-size: auto 50px;height:50px;width:180px;}
.gf-logo h1 a:focus {
    outline: none;
}

.gf-pnav{position: absolute;height:68px;padding-right: 2%;top: 0;right: 0; z-index:3;}
.gf-pnav a {
    color: #fff;
    z-index: 2;
    font-size: 15px;
    margin-top: 21px;
    margin-left: 20px;
    overflow: hidden;
    display: inline-block;
}
.gf-pnav a:focus {
    outline: none;
}
.gf-pnav a i{width: 100%; height: 1px;margin-top:10px; display: block;
-webkit-transform: translateX(-110%);
   -moz-transform: translateX(-110%);
     -o-transform: translateX(-110%);
        transform: translateX(-110%);
        background:#e00013;
-moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
     transition: all .3s ease-out;
} 
.gf-pnav a.neirong-on i,.gf-pnav a:hover i{
    -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
     -o-transform: translateX(0);
        transform: translateX(0);
}
.gf-header .focus-text{position: absolute;left: 4%;z-index: 2;color:#fff;}
.gf-state{border-bottom: 1px solid #dedede; }

.sous-right {position:absolute; z-index: 4; margin: 15px 0; width: 30px; height: 30px; border-radius: 15px; overflow: hidden; right: 2%; cursor: pointer;}
.sous-right span { display: block; border-radius: 50%; width: 30px; height: 30px; position: absolute; right: 0; top: 0; background: #6f6f6f url(../images/sous_03.png) no-repeat center; cursor: pointer; }
.sous-right .sous-txt {line-height:30px;display: none;float: left;position: absolute;top:0;left:0; width: 220px; height: 30px; background-color: rgba(255,255,255,1); border-radius: 15px; text-indent: 16px; font-size: 13px; color: #999; }
.sous-right .sous-btn { display: none; position: absolute; right: 0; top: 0; width: 30px; height: 30px; background: #6f6f6f url(../images/sous_03.png) no-repeat center; border-radius: 50%; outline: none;border:none;}

.neirong{display: none;} 

/*手机菜单样式开始-----------*/
.buttonset {
    position:absolute;right:2%;
    top:13px;z-index:1000;
 transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
 -o-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),-o-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
 -moz-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99),-moz-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
 transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
 transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99),-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99),-moz-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99),-o-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99),-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-tap-highlight-color: transparent;
}
.nav-moblie {
    width: 25px;
    height:35px;
    position: relative;
    cursor: pointer;
    display: table;
    -o-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    
}
.nav-moblie a {
    background-color: #fff;
    display: block;
    height: 2px;
    margin-top:16px;
    position: relative;
    top: 50%;
    width: 100%;
    -moz-border-radius:2px;
         border-radius:2px;
    
    -o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    
    -moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.nav-moblie a:after,
.nav-moblie a:before {
    background-color: #fff;
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
    -moz-border-radius:2px;
         border-radius:2px;
    content:'';
    -o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.nav-moblie a:after { 
    top: 8px;
    width: 80%;
}
.nav-moblie a:before { 
    left: auto;
    right: 0;
    top: -8px;
    width: 70%;
}
.nav-moblie a:focus{
    outline:none;
}
.buttonset.on{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
         transform: rotate(90deg);
}
.buttonset.on .nav-moblie a:after,.buttonset.on .nav-moblie a:before{
    width: 100%;

 transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
 -o-transition: -o-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
 -moz-transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -moz-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
 transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
 transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -moz-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -o-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    top:0;
    
}
.buttonset.on .nav-moblie a:before{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
         transform: rotate(-45deg);
}
.buttonset.on .nav-moblie a{
    background: rgba(0, 0, 0, 0);
}
.buttonset.on .nav-moblie a:after{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
         transform: rotate(45deg);
}

.neirong { display: block; position: fixed;width:100%; top: 0; z-index: 1000; /*left: -163px;*/overflow-y: auto; left: 0;touch-action: pan-y; -webkit-user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.neirong .neirong-bd{
  padding-bottom: 20px;
  padding-top: 58px;
  padding-left: 17px;
  padding-right: 17px;
  visibility: hidden;
}
.neirong a {display: block; height:47px; line-height: 47px; color:#f2f2f2; font-size: 16px; border-bottom: 1px solid #333;
-moz-transition: all .35s ease-out;
  -o-transition: all .35s ease-out;
     transition: all .35s ease-out;}
.neirong a:hover{background:#1f1f1f;color:#fff;}
.content{ left: 0; position: relative;}
.content.content-on{ left:120px;}
.neirong.neirong-on{left: 0;}
.body-on{position: relative;overflow: hidden;}
.html-on{overflow: hidden;}
.neirong-close {
    display: none;
    width: 30px;
    height: 24px;
    background: url(../images/nav_close.png) no-repeat 7px center;
    position: absolute;
    top: 20px;
    right: 4%;
    visibility: hidden;
}
.neirong.neirong-hide{
  background-color:rgba(0,0,0,.8); height:0;
    -moz-transition:background 0.35s linear,height 0.25s ease-in 200ms;
      -o-transition:background 0.35s linear,height 0.25s ease-in 200ms;
         transition:background 0.35s linear,height 0.25s ease-in 200ms;
}
.neirong.neirong-show{
  background-color:#000; height:100%;}
.neirong.neirong-show .neirong-bd,.neirong.neirong-show .neirong-close{visibility: visible;}
.neirong.neirong-hide a{opacity: 0;
-webkit-transform: scale(1.1) translateY(-24px);
   -moz-transform: scale(1.1) translateY(-24px);
     -o-transform: scale(1.1) translateY(-24px);
        transform: scale(1.1) translateY(-24px);}
.neirong.neirong-show a{opacity: 1;-webkit-transform: none;
   -moz-transform: none;
     -o-transform: none;
        transform: none;}
.neirong a:nth-of-type(2){ -moz-transition-delay: 300ms,300ms; -o-transition-delay: 300ms,300ms; transition-delay: 300ms,300ms;}
.neirong a:nth-of-type(3){ -moz-transition-delay: 350ms,350ms; -o-transition-delay: 350ms,350ms; transition-delay: 350ms,350ms;}
.neirong a:nth-of-type(4){ -moz-transition-delay: 400ms,400ms; -o-transition-delay: 400ms,400ms; transition-delay: 400ms,400ms;}
.neirong a:nth-of-type(5){ -moz-transition-delay: 450ms,450ms; -o-transition-delay: 450ms,450ms; transition-delay: 450ms,450ms;}
.neirong a:nth-of-type(6){ -moz-transition-delay: 500ms,500ms; -o-transition-delay: 500ms,500ms; transition-delay: 500ms,500ms;}
.neirong a:nth-of-type(7){ -moz-transition-delay: 550ms,550ms; -o-transition-delay: 550ms,550ms; transition-delay: 550ms,550ms;}
.neirong a:nth-of-type(8){ -moz-transition-delay: 600ms,600ms; -o-transition-delay: 600ms,600ms; transition-delay: 600ms,600ms;}
.neirong a:nth-of-type(9){ -moz-transition-delay: 650ms,650ms; -o-transition-delay: 650ms,650ms; transition-delay: 650ms,650ms;}
.neirong a:nth-of-type(10){ -moz-transition-delay: 700ms,700ms; -o-transition-delay: 700ms,700ms; transition-delay: 700ms,700ms;}
.neirong a:nth-of-type(11){ -moz-transition-delay: 750ms,750ms; -o-transition-delay: 750ms,750ms; transition-delay: 750ms,750ms;}

/*手机版头部*/
.buttonset .show{ 
    background-color: rgba(0,0,0,.8);
 -moz-transition: all .3s;
   -o-transition: all .3s;
      transition: all .3s;}
.buttonset-black .buttonpush{background:url("../images/button_black.png") no-repeat center;}
.buttonset-black .buttonpush.show{background: rgba(0,0,0,.8) url("../images/buttonset.png") no-repeat center;
   -moz-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;}

/*手机菜单样式结束*/
@media (max-width: 1280px){
    .gf-pnav,#search2{display: none;}
    .gf-logo h1{margin-top:10px;}
    .gf-logo h1, .gf-logo h1 a {width: 144px;height: 40px;line-height: 40px;-moz-background-size:auto 40px;-o-background-size:auto 40px;background-size:auto 40px;}
}

@media(min-width:1280px){
    .buttonset{display:none;}
}

@media (max-width: 1280px){
  .content{
      position: fixed;
      top: 0;
      left: 0;
      z-index: 99999;
      width: 100%;
      height: 58px;
      background: #0c0c0c;
  }
}

@media(min-width:1280px){
  .buttonset{display:none;}
  .gf-pnav a{margin-left:40px;}
}

/*fixed头部样式*/
.navbar-fixed {
    position: fixed;
    top: -70px;
    opacity: 0;
    filter: alpha(opacity:0);
    background: #fff;
    height: 70px;
    width: 100%;
    padding:0 2%;
    z-index: 999;
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3), 0 0 6px 2px rgba(0, 0, 0, .15);
         box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3), 0 0 6px 2px rgba(0, 0, 0, .15);
    -moz-transition: all .5s .1s ease;
    -o-transition: all .5s .1s ease;
    transition: all .5s .1s ease;
    -webkit-transition: all .5s .1s ease;
    visibility: visible;
    opacity: 1;
}
.logo{padding:11.5px 0;}
.right_menu{padding-right:2%;}
.right_menu a {
    display: inline-block;
    padding-top: 24px;
    margin-left: 40px;
    font-size: 15px;
    color: #666666;
    overflow: hidden;
}
.right_menu a:focus,
.logo a:focus {
    outline: none;
}
.right_menu i{width: 100%; height: 1px;margin-top:10px; display: block;
-webkit-transform: translateX(-100%);
   -moz-transform: translateX(-100%);
     -o-transform: translateX(-100%);
        transform: translateX(-100%);background:#e00013;
-moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
     transition: all .3s ease-out;
} 
.right_menu a.neirong-on i,.right_menu a:hover i{
    -webkit-transform: translateX(0);
   -moz-transform: translateX(0);
     -o-transform: translateX(0);
        transform: translateX(0);
}
.navbar-fixed.show{opacity:1;top:0px;}
.navbar-fixed .buttonset{top:10px;}
.navbar-fixed .nav-moblie a,.navbar-fixed .nav-moblie a:before,.navbar-fixed .nav-moblie a:after{background-color:#666666;}
@media(max-width:1200px){
    .navbar-fixed{height:50px;top:-50px;}
    .logo img{width:120px;height:40px;}
    .logo{padding:5px 0;}
}
.navbar-fixed.hide{
  opacity: 0;
  visibility: hidden;
}
.search1 { width:36px; height: 30px;margin-top: 19px;overflow: hidden; position:absolute;right:2%;}
.search1 span { position: absolute; right: 0; top: 0; display: block; width: 36px; height: 30px; background: #fff url(../images/a1_07_01.png) no-repeat center; cursor: pointer; }
.search1 .nav_txt { display: none; width: 194px; height: 30px; border-bottom: 1px solid #e5e5e5; text-indent: 10px; margin-left: 10px; font-size: 13px; color: #333; }
.search1 .nav_btn { display: none; position: absolute; right: 0; top: 0; width: 36px; height: 30px; background: #fff url(../images/a1_07_01.png) no-repeat center; outline: none;border:none;}
.search1 .nav_btn:hover,.nav_right .search1 span:hover { background: #fff url(../images/a1_07_02.png) no-repeat center; }

/*留言*/
.f6{overflow: hidden;background-color: #e10413;}
.f6_left{box-sizing: border-box;float: left;background-color: #e10413;color: #fff;}
.f6_right{box-sizing: border-box;float: left;background: url("../images/index_line_18.jpg") no-repeat center;}
.f6_top{margin:10% 0 0 10%;font-weight:lighter;font-size: 30px;}
.f6_top span{display: block;}
.f6_top b{display: block;font-weight:lighter;font-size: 36px;}
.f6_top i{ margin:10% 0;display: block;  width: 157px;height:1px;background-color: #fff;}
.fx{margin:7% 0 10% 10%;}
.fx a{width: 30px!important;height:30px!important;padding:0!important;margin:0 5px 0 0!important;}
.fx .bshare-weixin{background: url("../images/fx_24.png") no-repeat center!important; }
.fx .bshare-qqim{background: url("../images/fx_27.png") no-repeat center!important; }
.index_call{margin: 0 0 11.2% 10%;}
.ind6_form{ width: 94%;height:94%;margin:3%;padding: 47px 3.5% 0; overflow: hidden;background: #fff;}
.ind6_form h5{font-size: 24px;line-height: 34px;color: #3d3d3d;margin: 0 9px;}
.ind6_name{margin: 23px 9px 25px;}
.ind6_name input{font-size: 14px;color: #646464; padding-left: 48px;background: url("../images/w_index_13.jpg") no-repeat 14px center; display: block;width: 100%;border: 1px solid #dfdfdf;height: 50px;line-height: 48px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.ind6_name input:hover{border-color: #cc0a0a;background-image: url("../images/w_index_11.jpg");}
.ind6_msg{margin: 23px 9px 25px;}
.ind6_msg input{font-size: 14px;color: #646464; padding-left: 48px;background: url("../images/w_index_112.jpg") no-repeat 14px center; display: block;width: 100%;border: 1px solid #dfdfdf;height: 50px;line-height: 48px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.ind6_msg input:hover{border-color: #cc0a0a;background-image: url("../images/w_index_111.jpg");}
.ind6_wrap{overflow: hidden;}
.input_text{width: 50%;float: left;padding: 0 9px;}
.input_text input{font-size: 14px;color: #646464; padding-left: 48px;background: url("../images/w_index_25.jpg") no-repeat 15px center; display: block;width: 100%;border: 1px solid #dfdfdf;height: 50px;line-height: 48px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.input_text input.ind6_qq{background: url("../images/w_index_28.jpg") no-repeat 20px center;}
input.ind6_pho:hover{border-color: #cc0a0a;background-image: url("../images/w_index_22.jpg");}
input.ind6_qq:hover{border-color: #cc0a0a;background-image: url("../images/w_index_18.jpg");}
.ind6_a{width: 187px;display: block; height: 48px;line-height: 48px;background: #e10413;color: #fff;border-radius: 48px;text-align: center; margin: 0 0 50px 9px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.ind6_a:hover{background: #c60613;text-decoration: underline;}
.three span{
    overflow:hidden;
}

/*底部*/
.footer{background-color: #141414;}
.footer .footer_f1{box-sizing:border-box;margin:6% 0;padding:0 4%;float: left;height: 240px;}
.footer .footer_f1 a{display: block;color: #757575;line-height: 24px;font-size: 14px;}
.footer .footer_f1 a:first-child{color: #fff;font-size: 14px;height:35px;}
.footer .footer_lj{font-size: 12px;color: #333;text-align:center;}
.footer .footer_lj a{color: #666;}
.footer .bea{color: #333;text-align: center;margin:4% 0 2% 0;font-size: 12px;text-transform: uppercase;}
.footer .bea a{color: #333;}
.footer .bea a:hover{color: #757575;}
.footer .footer_f1{border-right: 1px solid #202020;}
.footer .footer_f1:last-child{border:none;}

/*滚动条整体*/
body::-webkit-scrollbar{
    width:10px !important;
    /*滚动条宽度*/
}
/*滚动条按钮*/
body::-webkit-scrollbar-button {
}
body::-webkit-scrollbar-track{
    background-color:#f3f3f3;
    /*滑道全部*/
}
body::-webkit-scrollbar-track-piece{
    background-color:#f3f3f3;
    /*滑道*/
    -webkit-border-radius:4px;
    /*滑道圆角宽度*/
}
body::-webkit-scrollbar-thumb{
    background-color:#ddd;
    /*滑动条表面*/
    border:solid 1px #C0C0C0;
    /*滑动条边框*/
    border-radius:4px;
    /*滑动条圆角宽度*/
}
/*横竖滚动条交角*/
body::-webkit-scrollbar-corner {
    background-color: #ddd;
}
/*横竖滚动条交角图案*/
body::-webkit-resizer {
    background-repeat: no-repeat;
    background-position: bottom right;
}
/*鼠标滑过滑动条*/
body::-webkit-scrollbar-thumb:hover{
    background-color:#F3F3E0;
}

/*侧边栏*/
.float-right{position: fixed;top: 50%; right: 2%; z-index:999;}
.float-right a{display: block; margin: 10px 0; position: relative;}
.float-right a:hover .float-right_con{display: block;}
.float-right_con{  
    display: none;
   width: 160px;
    position: absolute;
    top: 25px;
    left: -200px;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
}
.float-right_con img{width: 100%;}
.float-right_con.weixin{top:-70px;}
.float-right_con.qq{top:8px;color: #333;}
.float-right_con.tel{top:-27px; text-align: left; color: #333; line-height: 1.5;}
.float-right_con::before{
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 5px solid transparent;
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: -10px;
    margin-top:-5px;
}
.float-right_con::after{
   
}